<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>下拉框 - Xui Demo</title>
	<!-- demo -->
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../demo_data.js"></script>
	
	<!-- xui -->
	<link rel="stylesheet" type="text/css" href="../../xui.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../xui.js"></script>
	
	<!-- xcombo -->
	<script type="text/javascript">
		$(function(){
			var xcombo = $("#xcombox").xcombo({
				xdata:$xdata_xcombox		//静态数据
				//url:"$xdata_xcombox"	//后台返回数据格式参考 $xdata_xcombox
			});
			$(".xbtn").click(function(){
				$.xalert({msg:xcombo.val()});
			})
		})
	</script>
</head>
<body>
	<h2>下拉框</h2>
	<div class="xcombo" id="xcombox">
		<input type="hidden" name="goods">
		<div class="xtext">请选择</div>
		<i class="xshow"></i>
  		<ul class="xtemplate">
	   		<li xval="{name}">{name}</li>
	   	</ul>
  	</div>
  	<br/>
  	<button class="xbtn">获取选中数据</button>
</body>
</html>